import { Meta, Canvas, Story } from '@storybook/addon-docs';
import { html } from 'lit';
import './SimpleGreeting.ts';

<Meta
  title="Example/Simple Greeting"
  component="simple-greeting"
  argTypes={{
    name: 'World',
  }}
/>

<Canvas withSource="open">
  <Story
    name="Simple Greeting"
    component="simple-greeting"
    args={{
      name: 'World',
    }}
  >
    {(args) => html` <simple-greeting name="${args.name}"></simple-greeting> `}
  </Story>
</Canvas>
